import { useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
import './App.css'

import type { TabsProps } from 'antd';
function App() {
  const onChange = (key: string) => {
  console.log(key);
};

  
const items: TabsProps['items'] = [
  {
    key: '1',
    label: '全部订单',
    children: 'Content of Tab Pane 1',
  },
  {
    key: '2',
    label: '代付款',
    children: 'Content of Tab Pane 2',
  },
  {
    key: '3',
    label: ' 待发货',
    children: 'Content of Tab Pane 3',
  },
   {
    key: '3',
    label: ' 待发货',
    children: 'Content of Tab Pane 3',
  },
  {
    key: '4',
    label: ' 待收货',
    children: 'Content of Tab Pane 3',
  },
];


  return (
    <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
  )
}

export default App
